.banner-wrap {
  width: 100%;
}
.banner-wrap .banner-container {
  width: 1226px;
  margin: 0 auto;
}
.banner-wrap .banner-container .swiper {
  width: 1226px;
  height: 460px;
  position: relative;
  background-color: pink;
}
.banner-wrap .banner-container .swiper .swiper-wrapper .swiper-slide img {
  width: 1226px;
  height: 460px;
}
.banner-wrap .banner-container .swiper .swiper-button-prev {
  left: 250px;
  color: #ccc;
}
.banner-wrap .banner-container .swiper .swiper-button-next {
  color: #ccc;
}
.banner-wrap .banner-container .swiper .swiper-pagination {
  left: 555px;
}
.banner-wrap .banner-container > .adv {
  width: 100%;
  height: 210px;
  box-sizing: border-box;
}
.banner-wrap .banner-container > .adv > .adv-wrap {
  width: 1226px;
  margin: 0 auto;
  margin-top: 14px;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside {
  float: left;
  width: 234px;
  height: 170px;
  background-color: #5f5750;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list {
  padding: 3px;
  list-style: none;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list li {
  position: relative;
  font-size: 12px;
  float: left;
  width: 76px;
  height: 82px;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list li > a {
  color: #fff;
  opacity: 0.7;
  display: block;
  padding-top: 18px;
  text-align: center;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list li > a > i {
  font-size: 22px;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list li > a:hover {
  opacity: 1;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list li::after {
  width: 64px;
  height: 1px;
  top: -1px;
  left: 6px;
  position: absolute;
  background: #665e57;
  content: "";
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-aside > .aside-list li::before {
  width: 1px;
  height: 70px;
  position: absolute;
  background: #665e57;
  left: 0px;
  top: 6px;
  content: "";
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-img {
  float: left;
  width: 316px;
  height: 170px;
  background-color: red;
  margin-left: 14.6px;
  transition: all 0.2s;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-img img {
  width: 100%;
}
.banner-wrap .banner-container > .adv > .adv-wrap > .adv-img:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
